<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=0, initial-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="less/index.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
</head>

<body>
    <div class="layout">
        <div class="header">
            <a href="javascript:;">
                <p class="iconfont icon-address"></p>
                <p>武汉</p>
            </a>
            <form action="" class="iconfont icon-sousuo">
                <input type="text" placeholder="输入商家,商品,商品名称">
            </form>
            <a href="javascript:;">
                <p class="iconfont icon-saoyisao"></p>
                <p>扫一扫</p>
            </a>
        </div>
        <div class="main">
            <div class="cate">
                <div class="cate-top iconfont icon-shangjia">
                    商家品类
                </div>
                <div class="cate-body contianer">
                    <ul class="row">
                        <li class="col-xs-3">
                            <a href="javascript:;">
                                <img src="images/img/r1.jpg" alt="">
                                <p>电脑产品</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r2.jpg" alt="">
                                <p>手机产品</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r3.jpg" alt="">
                                <p>原料类</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r4.jpg" alt="">
                                <p>加工类</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r5.jpg" alt="">
                                <p>复合类</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r6.jpg" alt="">
                                <p>面料类</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r7.jpg" alt="">
                                <p>印花类</p>
                            </a>
                        </li>
                        <li class="col-xs-3">
                            <a href="javascript:;"><img src="images/img/r8.jpg" alt="">
                                <p>磨毛类</p>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="cate_pro">
                <div class="cate_pro_top iconfont icon-yuancailiao">特推商品</div>
                <div class="cate_pro_body">
                    <ul>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                    </ul>

                </div>
            </div>
            <div class="cate_pro">
                <div class="cate_pro_top iconfont icon-yuancailiao">商品列表</div>
                <div class="cate_pro_body">
                    <ul>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                    </ul>

                </div>
            </div>
            <div class="cate_pro">
                <div class="cate_pro_top iconfont icon-yuancailiao">特价商品</div>
                <div class="cate_pro_body">
                    <ul>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                        <li>
                            <div class="left">
                            </div>
                            <div class="right">
                                <div class="pro_left">
                                    <h5>J21-预见V9 NO.254322</h5>
                                    <p>游戏机箱 较为时尚的外观<br>吸入式光驱设计
                                    </p>
                                </div>
                                <div class="pro_right">
                                    <p>¥ 599</p>
                                    <p>1.7km</p>
                                </div>

                            </div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
        <div class="footer">
            <a href="javascript:;">
                <p class="iconfont icon-shouye"></p>
                <p>首页</p>
            </a>
            <a href="javascript:;">
                <p class="iconfont icon-shangjia"></p>
                <p>商家</p>
            </a>
            <a href="javascript:;">
                <p class="iconfont icon-wode"></p>
                <p>我的</p>
            </a>
        </div>
    </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/rem.js"></script>
</body>

</html>